<template>
  <div class="app">
    <h2>I am App {{ x }}</h2>
    <Hello/>
    <Child/>
    <!-- <Suspense>
      <template v-slot:default>
        <Child />
      </template>
      <template v-slot:fallback>
        <h4>Loading......</h4>
      </template>
    </Suspense> -->
  </div>
</template>

<script setup lang="ts" name="App">
// import { Suspense } from "vue";
import Child from "./Child.vue";
</script>

<style scoped>
.app {
  background-color: #ddd;
  border-radius: 10px;
  padding: 10px;
  box-shadow: 0 0 10px;
}
</style>
